import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { createVuetify } from 'vuetify'
import { mdi } from 'vuetify/iconsets/mdi'
import router from './routers/index';
import App from './App.vue'
const app = createApp(App)
// 加载状态管理
const pinia = createPinia()
app.use(pinia)

// 加载路由
app.use(router)

// 加载组件库
const vuetify = createVuetify({
  icons: {
    defaultSet: 'mdi',
    sets: {
      mdi
    }
  },

  theme: {
    defaultTheme: 'light',
    themes: {
      dark: {
      },
      light:{
      }
    }
  }
})

app.use(vuetify)

app.mount('#app')
